<template>
  <el-card class="box-card card-top">
    <div class="clearfix">
      <span v-if="info.type !=''" class="title-type">{{ info.type }}/</span>
      <span class="card-title">{{ info.text }}</span>
      <span>-</span>
      <span>{{ info.msg }}</span>
    </div>
  </el-card>
</template>

<script>
export default {
  props: {info: Object},
  name: "ConTitle"
}
</script>

<style scoped lang="scss">
.card-top {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;

  .title-type {
    color: #ccc;
  }

  .card-title {
    font-size: 18px;
    font-weight: bold;
  }
}
</style>